<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/css/cart.css">
    <link rel="stylesheet" href="/css/bootstrap.css">
    <script src="/lib/requirejs/require.min.js" data-main="/js/cart"></script>
</head>

<body>
    <header></header>
    <div class="cart_header">
        <h1 class="cart_logo">
            <a href="http://localhost:8080"><img src="/images/cart_logo01.png"></a>
        </h1>
        <ul>
            <li>我的购物袋
                <em></em>
                <i></i>
            </li>
            <li>提交订单中心
                <em></em>
                <i></i>
            </li>
            <li>成功提交订单</li>
        </ul>
    </div>
    <div class="cart_nav">
        <div class="cart_nav_box">
            <img src="../images/shopping-car.png">
            <p>您的购物袋中暂无商品，赶快选择心爱的商品吧！</p>
            <p><a href="/html/detail.html">回到列表</a></p>
            <p>您可以查看：</p>
            <p><a href="#">我的收藏夹</a> <a href="#">我已购买的商品</a></p>
        </div>
    </div>

    <div class="cart_gray_box hidden">
        <table>
            <thead>
                <tr>
                    <th><label><input type="checkbox" class="chk_all">全选</label></th>
                    <th>序号</th>
                    <th>图片</th>
                    <th>商品名称</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>小计(元)</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody class="cart_body">
                
            </tbody>
            <tfoot>
				<tr style="height:45px; border-bottom: 1px solid #eee;">
					<th colspan="6">合计</th>
                    <th class="total" colspan="2" >0.00</th>
                    
				</tr>
			</tfoot>
        </table>
        
    
    <div class="cart_gray_box_ft">
        <a href="/html/detail.html">继续购物</a>
        <a href="#">清空购物袋</a>
        <div class="cart_gray_box_ft_box">
           
            <a href="#" style="margin-left:215px;">去结算</a>
        </div>
    </div>
</div>

    <div class="cart_new">
        <div class="cart_new_box">
            <p>购物保障：<i class="cart_new_box_i1"></i>100%正品 <i class="cart_new_box_i2"></i>10天退换货 <i class="cart_new_box_i3"></i>10天补差价</p>
            <p>优惠券/礼品卡在下一步使用</p>
            <p>帮助我们改进购物流程</p>
        </div>
    </div>
    <div class="cart_more">
        <h3>购买了您购物袋中商品的顾客还买了</h3>
        <div class="cart_more_box">
            <p>第<span>1</span>页，共 0 页</p>
            <a href="#" class="cart_more_box_left"></a>
            <a href="#" class="cart_more_box_right"></a>
        </div>
    </div>
    <div class="cart_footer">
        <p>Copyright © 2011-2014 Yougou Technology Co., Ltd. &nbsp;&nbsp;&nbsp;&nbsp;<a href="#">粤ICP备09070608号-4</a>&nbsp;&nbsp;&nbsp;&nbsp;
            增值电信业务经营许可证：<a href="#">粤 B2-20090203</a></p>
    </div>

    <script type="text/html" id="cart-template">
        {{each cart prod}}
        <tr>
            <th><input class="none chk_prod" type="checkbox"></th>
            <th class="id">{{prod.id}}</th>
            <th><img src="{{prod.img}}"></th>
            <th>{{prod.title}}</th>
            <th>{{prod.price}}</th>
            <th>
                <span class="input-group-addon decrement">-</span>
                <input type="text" value="{{prod.amount}}" class="form-control amount">
                <span class="input-group-addon increment">+</span>
            </th>
            <th class="sub">{{(prod.price*prod.amount).toFixed(2)}}</th>
            <th><a href="javascript:void(0);" class="link-del">删除</a></th>
        </tr>
    {{/each}}
    </script>
</body>

</html>